<template>
    <div class="taskPayment">
        <div class="paymentHead page-pad-pk bg-white-pk">
            <div class="d-flex-pk text-gray-deep-pk itemWrap light-border-bottom-gray">
                <div class="leftItem">任务名称：</div>
                <div class="rightItem font-size-13-pk" >
                    {{taskInfo.taskName}}
                </div>
            </div>
            <div class="d-flex-pk text-gray-deep-pk itemWrap light-border-bottom-gray">
                <div class="leftItem">任务押金：</div>
                <div class="rightItem text-red-pk font-size-12-pk">
                    ￥{{taskInfo.taskCash}}
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'taskPayment',
        components: {},

        data() {
            return {
                taskId:this.$route.query.taskId,
                taskInfo:{},
            }
        },
        created() {
            this.getTaskInfo();
        },
        computed: {},
        watch: {},
        methods: {
            getTaskInfo(){
                this.$api.getTaskInfo(this.taskId).then(res=>{
                    let result=this.$resData(res)
                    if(result) {
                        this.taskInfo = result;
                    }

                })
            },
        }
    }
</script>

<style lang="scss" scoped>
    .taskPayment {
        font-size: 14px;
        line-height: 2;
        .paymentHead{
            padding-top: 10px;
            padding-bottom: 10px;
            .itemWrap{
                align-items: center;
                flex-wrap: wrap;
                padding-top:5px;
                padding-bottom: 5px;
            }
            .leftItem{
                width: 80px;
            }
            .rightItem{
                flex: 1;
            }
        }
    }
</style>
